<template>
  <div style="padding:20px 20px 0;font-weight: 400;font-size: 16px;  " >
    <!-- border-bottom:1px #f0f0f0 solid; -->
    <div class="flex_start">
      <div @click="back" style="height: 28px;line-height:28px; padding:0 12px;margin-right:12px;background: #f0f1f3;border-radius: 14px;font-size: 16px;color: #333333;">
        <a-icon style="font-size:14px;cursor: pointer;" type="left"   />
        <span style="cursor: pointer;">返回</span>
      </div>
      <modalBreadcrumb :left="left" :right="right" />
      <div @click="onload" v-if="isLoad" style="height: 28px;line-height:28px; padding:0 12px;margin-right:12px;background: #f0f1f3;border-radius: 14px;font-size: 16px;color: #333333;margin-left: 6px;">
        <a-icon style="font-size:14px;cursor: pointer;" type="reload"   />
        <span style="cursor: pointer;">刷新页面</span>
      </div>
      <!-- <div  style="background: #F5F5F5;border-radius: 16px;padding: 6px 9px;font-size: 14px;">
        <a-icon type="reload" />
        刷新
      </div> -->
    </div>
  </div>
</template>
onload
<script>
import modalBreadcrumb from '@/components/modal-breadcrumb'

export default {
  components: {
    modalBreadcrumb
  },
  props: {
    left: { type: String, default: '' },
    right: { type: String, default: '' },
    isLoad: { type: Boolean, default: false }
  },
  methods: {
    back () {
      this.$emit('back')
    },
    onload () {
      this.$emit('onload')
    }
  }
}
</script>
